<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="lib/swiper/css/swiper-bundle.min.css" />
		<link rel="stylesheet" type="text/css" href="icon/font_6e3wewbkx0a/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/bestchoice.css" />
	</head>
	<body>
		<div class="bc-container">
			<!-- 头部 -->
			<div class="bc-header">
				<span>优选</span>
			</div>
			<!-- 顶部轮播图部分 -->
			<div class="bc-topbanner">
				<div class="swiper-container topbanner">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="topbanner-c"><a href="#">
									<img src="./img/bestchoice_img/优选_03.png">
									<div class="topbanner-word">
										<div><span>本家</span></div>
										<div><span>美食美器特辑</span></div>
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="topbanner-c"><a href="#">
									<img src="./img/bestchoice_img/优选_08.png">
									<div class="topbanner-word">
										<div><span>本家</span></div>
										<div><span>美食美器特辑</span></div>
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="topbanner-c"><a href="#">
									<img src="./img/bestchoice_img/优选_03.png">
									<div class="topbanner-word">
										<div><span>本家</span></div>
										<div><span>美食美器特辑</span></div>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 推荐部分 -->
			<div class="bc-recommend">
				<li>
					<a href="#">
						<div class="bc-recommend-img"><img src="./img/bestchoice_img/02优选_03.jpg"></div>
						<div class="bc-recommend-word"><span>本家推荐</span></div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="bc-recommend-img"><img src="./img/bestchoice_img/02优选_05.jpg"></div>
						<div class="bc-recommend-word"><span>挑选师推荐</span></div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="bc-recommend-img"><img src="./img/bestchoice_img/02优选_05-04.jpg"></div>
						<div class="bc-recommend-word"><span>私物推荐</span></div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="bc-recommend-img"><img src="./img/bestchoice_img/02优选_10.jpg"></div>
						<div class="bc-recommend-word"><span>本家LOOK</span></div>
					</a>
				</li>
			</div>
			<!-- 小标题部分 -->
			<div class="bc-title">
				<div class="bc-title-c"><span>本家甄选</span></div>
			</div>
			<!-- 本家甄选内容部分 -->
			<div class="bc-select-c">
				<a href="#">
					<div class="bc-select-ct">
						<div class="bc-select-ct-img"><img src="./img/bestchoice_img/优选_15.png"></div>
						<div class="bc-select-ct-word1"><span>叠韵滤光器，氛围造型大师</span></div>
						<div class="bc-select-ct-word2"><span>光笼，来自斯德哥尔摩的光晕礼赞</span></div>
					</div>
				</a>
				<a href="#">
					<div class="bc-select-cm">
						<div class="bc-select-cm-word">
							<div class="bc-select-cm-word1"><span>编织底双色鞋子 多色可选</span></div>
							<div class="bc-select-cm-word2"><span>透气性好，时尚感强</span></div>
						</div>
						<div class="bc-select-cm-img"><img src="./img/bestchoice_img/02优选_17.jpg"></div>
					</div>
				</a>
				<a href="#">
					<div class="bc-select-cm">
						<div class="bc-select-cm-word">
							<div class="bc-select-cm-word1"><span>炻瓷储物罐系列</span></div>
							<div class="bc-select-cm-word2"><span>避光密封 坚韧耐摔 多道工序 匠心制</span></div>
							<div class="bc-select-cm-word2"><span>作 拥有更久的赏味期限</span></div>
						</div>
						<div class="bc-select-cm-img"><img src="./img/bestchoice_img/02优选_20.jpg"></div>
					</div>
				</a>
			</div>
			<div class="bc-title">
				<div class="bc-title-c"><span>十点一刻</span></div>
			</div>
			<!-- 十点一刻轮播部分 -->
			<div class="bc-secbanner">
				<div class="swiper-container secbanner">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#">
								<div class="secbanner-bgm">
									<div class="secbanner-title">
										<div class="secbanner-line"></div>
										<div class="secbanner-title-word"><span>今日话题</span></div>
										<div class="secbanner-line"></div>
									</div>
									<div class="secbanner-theme"><span>一念之间的重要性</span></div>
									<div class="secbanner-subhead"><span>有没有哪个瞬间的念头，改变你一段时间的</span></div>
									<div class="secbanner-subhead"><span>生活轨迹？</span></div>

								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<div class="secbanner-bgm">
									<div class="secbanner-title">
										<div class="secbanner-line"></div>
										<div class="secbanner-title-word"><span>今日话题</span></div>
										<div class="secbanner-line"></div>
									</div>
									<div class="secbanner-theme"><span>一念之间的重要性</span></div>
									<div class="secbanner-subhead"><span>有没有哪个瞬间的念头，改变你一段时间的</span></div>
									<div class="secbanner-subhead"><span>生活轨迹？</span></div>

								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<div class="secbanner-bgm">
									<div class="secbanner-title">
										<div class="secbanner-line"></div>
										<div class="secbanner-title-word"><span>今日话题</span></div>
										<div class="secbanner-line"></div>
									</div>
									<div class="secbanner-theme"><span>一念之间的重要性</span></div>
									<div class="secbanner-subhead"><span>有没有哪个瞬间的念头，改变你一段时间的</span></div>
									<div class="secbanner-subhead"><span>生活轨迹？</span></div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="bc-title">
				<div class="bc-title-c"><span>本家推荐</span></div>
			</div>
			<div class="bc-select-c">
				<a href="#">
					<div class="bc-select-ct">
						<div class="bc-select-ct-img"><img src="./img/bestchoice_img/优选_11.png"></div>
						<div class="bc-select-ct-word1"><span>夏季出游必备</span></div>
						<div class="bc-select-ct-word2"><span>舒心出行，本家为你推荐的5个tips不能忘</span></div>
					</div>
				</a>
			</div>
			<div class="bc-title" style="margin-bottom: 2.67vw;">
				<div class="bc-title-c"><span>本家LOOK</span></div>
			</div>
			<div class="bc-jigsaw">
				<a href="#">
					<div class="bc-jigsaw-c">
						<div class="bc-jigsaw-cl"><img src="./img/bestchoice_img/02优选_23.jpg" alt=""></div>
						<div class="bc-jigsaw-cr">
							<div class="bc-jigsaw-crt"><img src="img/bestchoice_img/02优选_25.jpg"></div>
							<div class="bc-jigsaw-crb"><img src="img/bestchoice_img/02优选_28.jpg"></div>
						</div>
					</div>
					<div class="bc-jigsaw-title"><span>给牛仔加点火山岩</span></div>
				</a>
			</div>
			<div class="bc-jigsaw">
				<a href="#">
					<div class="bc-jigsaw-c">
						<div class="bc-jigsaw-cl"><img src="./img/bestchoice_img/02优选_31.jpg" alt=""></div>
						<div class="bc-jigsaw-cr">
							<div class="bc-jigsaw-crt"><img src="./img/bestchoice_img/02优选_34.jpg"></div>
							<div class="bc-jigsaw-crb"><img src="./img/bestchoice_img/02优选_37.jpg"></div>
						</div>
					</div>
					<div class="bc-jigsaw-title"><span>婚纱拍照必看功课</span></div>
				</a>
			</div>
			<div class="bc-jigsaw">
				<a href="#">
					<div class="bc-jigsaw-c">
						<div class="bc-jigsaw-cc"><img src="./img/bestchoice_img/优选_19.png" alt=""></div>
					</div>
					<div class="bc-jigsaw-title"><span>夏天的清凉，多亏了这抹茶绿</span></div>
				</a>
			</div>
			<div class="bc-jigsaw">
				<a href="#">
					<div class="bc-jigsaw-c">
						<div class="bc-jigsaw-cl"><img src="./img/bestchoice_img/02优选_42.jpg" alt=""></div>
						<div class="bc-jigsaw-cr">
							<div class="bc-jigsaw-crt"><img src="./img/bestchoice_img/02优选_41.jpg"></div>
							<div class="bc-jigsaw-crb"><img src="./img/bestchoice_img/02优选_46.png"></div>
						</div>
					</div>
					<div class="bc-jigsaw-title"><span>你的厨房只是少了它</span></div>
				</a>
			</div>
<div class="bc-jigsaw">
				<a href="#">
					<div class="bc-jigsaw-c">
						<div class="bc-jigsaw-cc"><img src="./img/bestchoice_img/优选_25.png" alt=""></div>
					</div>
					<div class="bc-jigsaw-title"><span>家的精致主义</span></div>
				</a>
			</div>
<div class="bc-jigsaw">
				<a href="#">
					<div class="bc-jigsaw-c">
						<div class="bc-jigsaw-cc"><img src="./img/bestchoice_img/优选_23.png" alt=""></div>
					</div>
					<div class="bc-jigsaw-title"><span>收纳，让小家越住越大</span></div>
				</a>
			</div>

<div class="perctr-bot">
		<div class="perctr-bot-c">
			<li>
				<a href="#"><div><img src="./img/index_img/icon-5.png" alt=""></div>
				<div>首页</div></a>
			</li>
			<li>
				<a href="#"><div><img src="./img/index_img/icon-13.png" alt=""></div>
				<div>优选</div></a>
			</li>
			<li>
				<a href="#"><div><img src="./img/index_img/icon-9.png" alt=""></div>
				<div>分类</div></a>
			</li>
			<li>
				<a href="#"><div><img src="./img/index_img/icon-7.png" alt=""></div>
				<div>购物车</div></a>
			</li>
			<li>
				<a href="#"><div><img src="./img/index_img/icon-8.png" alt=""></div>
				<div>我的</div></a>
			</li>
		</div>
		</div>
		
		</div>
<div class="backtop"><span class="iconfont icon-xiangshang"></span></div>


		<script src="lib/jquery/jquery-3.6.0.min.js"></script>
		<script src="lib/swiper/js/swiper-bundle.min.js"></script>
		<script src="js/bestchoice.js"></script>
	</body>
</html>
